<!doctype html>
<html>
<head>
    <!-- This infomations is optimized with SEO -->
    <link href="favo-icon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"><!-- Thay link ảnh biểu tượng website -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!-- Mã nguồn Website (Giữ nguyên) -->
    <meta charset="utf-8">

    <title>Hệ thống lọc nước</title>

    <meta name="description" content="Mô tả nội dung website (70-160 ký tự)"/>
    <meta name="keywords" content="Từ khóa 1, từ khóa 2, từ khóa 3, khoảng 4 từ khóa không quá, độ dài khoảng 4 từ" />
    <meta name="robots" content="noodp,index,follow" /><!-- Quy định cho robot (Giữ nguyên)-->
    <meta name="author" content="Author Name, authoremail@domain.com" /><!-- Tác giả website -->
    <meta http-equiv="content-language" content="vi_VN" /><!-- Ngôn ngữ cho website -->

    <meta property="og:locale" content="vi_VN" /><!-- Địa phương -->
    <meta property="og:type" content="article" /><!-- Phân loại website (Thường là article) -->
    <meta property="og:url" content="http://ten-website.com/" /><!-- Địa chỉ chính của Website -->
    <meta property="og:site_name" content="Tên website" /><!-- Tên Website-->
    <meta property="og:image" content="http://ten-website.com/images/logo.jpg" /><!-- Đường dẫn ảnh logo công ty-->

    <!-- **CSS - stylesheets** -->
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/assets/frontend/css/style.css">
    <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/assets/frontend/css/main-slider.css">

    <!-- **jQuery** -->
    <script type="text/javascript" src="<?php echo base_url(); ?>/assets/frontend/js/jquery-1.11.2.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url(); ?>/assets/frontend/js/main-slider.js"></script>
</head>

<body>

<header>
    <div id="header-innder">
        <div id="logo">
            <a href="<?php echo base_url();  ?>"><img src="<?php echo base_url(); ?>/assets/frontend/images/logo.png" alt="Hệ thống lọc nước" title="Hệ thống lọc nước"></a>
        </div><!--End #logo-->

        <div id="policyandphone">
            <div id="policy">
                <ul>
                    <li class="p1"><a href="<?php echo base_url().'mien-phi-van-chuyen-dv-22.html';?>">Miễn phí<br>Vận chuyển</a></li>
                    <li class="p2"><a href="<?php echo base_url().'thanh-toan-tai-nha-dv-19.html';?>">Thanh toán<br>tại nhà</a></li>
                    <li class="p3"><a href="<?php echo base_url().'quy-trinh-bao-hanh-dv-20.html';?>">Quy trình<br>bảo hành</a></li>
                    <li class="p4"><a href="<?php echo base_url().'cham-soc-khach-hang-chuyen-nghiep-dv-21.html';?>">CSHK<br>chuyên nghiệp</a></li>
                </ul>
            </div><!--End #policy-->

            <div id="phone">
                <ul>
                    <?php foreach ($suport as $suports):?>
                    <?php if($suports['type_suport'] == 0 ){ ?>
                        <li>
                            <p class="name"><?= $suports['name_suport'];?></p><br>
                            <p class="phone-number"><?= $suports['value_suport'];?></p>
                        </li>
                    <?php } ?>
                    <?php endforeach;?>
                </ul>
            </div><!--End #phone-->
        </div><!--End #policyandphone-->
        <nav id="main-menu">
            <ul>
                <li class="first"><a href="<?= base_url() ?>">Trang chủ</a></li>
                <li><a href="<?php echo base_url().'gioi-thieu-dv-24.html';?>">Giới thiệu</a></li>
                <li><a href="<?php echo base_url().'dieu-hoa-khong-khi.html';?>">Sản phẩm</a></li>
                <li><a href="#">Dịch vụ</a>
                    <ul class="sub">
                        <?php foreach ($dichvu AS $dichvus): ?>
                            <li><a href="<?php echo base_url(). mb_strtolower(url_title(removesign( $dichvus['menu_name']))).'-dv-'.$dichvus['menu_id'].'.html';?>"><?php echo $dichvus['menu_name'];?></a></li>
                        <?php endforeach;?>
                    </ul>
                </li>
                <li><a href="<?php echo base_url().'dai-ly-dv-14.html';?>">Đại lý</a></li>
                <li><a href="<?php echo base_url().'tin-tuc';?>">Tin tức</a></li>
                <li><a href="<?php echo base_url().'thang-toan-dv-16.html';?>">Thanh toán</a></li>
                <li><a href="<?php echo base_url().'lien-he-dv-17.html';?>">Liên hệ</a></li>
            </ul>
        </nav><!--End #main-menu-->

    </div><!--End #header-innder-->
</header><!--End Header-->

<section id="container">
    <div id="container-inner">
        <div id="slider">
            <ul id="demo1">
                <?php if(isset($silders->img1) && $silders->img1 != "" && isset($silders->url1) && $silders->url1 !="" ) { ?>
                    <li><a href="<?php echo $silders->url1;?>" class="show"><img rel=" " title="" alt="slider1" src="<?php echo $silders->img1;?>"></a></li>
                <?php }?>
                <?php if(isset($silders->img2) && $silders->img2 != "" && isset($silders->url2) && $silders->url2 !="" ) { ?>
                    <li><a href="<?php echo $silders->url2;?>" class=""><img rel="" title="" alt="slider1" src="<?php echo $silders->img2;?>"></a></li>
                <?php }?>
                <?php if(isset($silders->img3) && $silders->img3 != "" && isset($silders->url3) && $silders->url3 !="" ) {?>
                    <li><a href="<?php echo $silders->url3;?>" class=""><img rel="" title="" alt="slider1" src="<?php echo $silders->img3;?>"></a></li>
                <?php }?>
                <?php if(isset($silders->img4) && $silders->img4 != "" && isset($silders->url4) && $silders->url4 !="" ) { ?>
                    <li><a href="<?php echo $silders->url4;?>" class=""><img rel="" title="" alt="slider1" src="<?php echo $silders->img4;?>"></a></li>
                <?php }?>
                <?php if(isset($silders->img5) && $silders->img5 != "" && isset($silders->url5) && $silders->url5 !="" ) { ?>
                    <li><a href="<?php echo $silders->url5;?>" class=""><img rel="" title="" alt="slider1" src="<?php echo $silders->img5;?>"></a></li>
                <?php }?>
            </ul>

            <script>
                $(function() {
                    var demo1 = $("#demo1").slippry({
                        transition: 'fade',
                        useCSS: true,
                        speed: 1000,
                        pause: 3000,
                        auto: true,
                        preload: 'visible'
                    });

                    $('.stop').click(function () {
                        demo1.stopAuto();
                    });

                    $('.start').click(function () {
                        demo1.startAuto();
                    });

                    $('.prev').click(function () {
                        demo1.goToPrevSlide();
                        return false;
                    });
                    $('.next').click(function () {
                        demo1.goToNextSlide();
                        return false;
                    });
                    $('.reset').click(function () {
                        demo1.destroySlider();
                        return false;
                    });
                    $('.reload').click(function () {
                        demo1.reloadSlider();
                        return false;
                    });
                    $('.init').click(function () {
                        demo1 = $("#demo1").slippry();
                        return false;
                    });
                });
            </script>
        </div><!--End #slider-->

        <div id="filter">
            <div id="clock">
                <script type="text/javascript">
                    function dFormat2(){
                        objDate = new Date();

                        var rStr = '';
                        if(objDate){

                            var day = objDate.getDay();
                            var date = objDate.getDate();
                            var month = objDate.getMonth()+1;
                            var year = objDate.getFullYear();
                            var hour = objDate.getHours();
                            var minute = objDate.getMinutes();

                            var temp = objDate.toDateString();

                            switch(day){
                                case 0:
                                    rStr = 'Chủ nhật'; break;
                                case 1:
                                    rStr = 'Thứ hai'; break;
                                case 2:
                                    rStr = 'Thứ ba'; break;
                                case 3:
                                    rStr = 'Thứ tư'; break;
                                case 4:
                                    rStr = 'Thứ năm'; break;
                                case 5:
                                    rStr = 'Thứ sáu'; break;
                                case 6:
                                    rStr = 'Thứ bảy'; break;
                                default:
                                    rStr = ''; break;
                            }
                            //Thứ sáu, 7/10/2013 <span class="drash">|</span> 10:21 GMT+7

                            rStr = rStr +', ' + date+'/'+month+'/'+year +' | '+hour+':'+minute+' GMT+7';
                            document.write(rStr);
                        }
                    }
                    dFormat2();
                </script>
            </div><!--End #clock-->

            <div id="filter-inner">
                <span class="title">Tìm theo:</span>
                <select class="filter-type"onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
                    <option value="" check>Mức giá</option>
                    <?php foreach ($khoanggia as $khoanggias): ?>
                    <?php
                    $p = $khoanggias['aprice_id'];
                    $url_Filter_r =  preg_replace('~p=[0-9]+~', "p=$p", $url_Filter);
                    ?>
                    <option value="/<?php echo $url_Filter_r ?>" check><?= $khoanggias['aprice_name']; ?></option>
                    <?php endforeach; ?>
                </select>
                <select class="filter-type" onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
                    <option value="" check>Hãng sản xuất</option>
                    <?php foreach ($hangsanxuat AS $hangsanxuats): ?>
                    <?php
                    $h = $hangsanxuats['origin_id'];
                    $url_Filter_h =  preg_replace('~h=[0-9]+~', "h=$h", $url_Filter);
                    ?>
                    <option value="/<?php echo $url_Filter_h ?>" check><?= $hangsanxuats['origin_name']; ?></option>
                    <?php endforeach; ?>
                </select>
                <select class="filter-type" onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
                    <?php foreach ($thuonghieu AS $thuonghieus): ?>
                    <?php
                    $l = $thuonghieus['brand_id'];
                    $url_Filter_l =  preg_replace('~l=[0-9]+~', "l=$l", $url_Filter);
                    ?>
                    <option value="/<?php echo $url_Filter_l ?>" check><?= $thuonghieus['brand_name']; ?></option>
                    <?php endforeach; ?>
                </select>
                <select class="filter-type" onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
                    <option value="" check>Công suất</option>
                    <?php foreach ($congxuat AS $conxuats): ?>
                    <?php
                    $c = $conxuats['capacity_id'];
                    $url_Filter_c =  preg_replace('~c=[0-9]+~', "c=$c", $url_Filter);
                    ?>
                    <option value="/<?php echo $url_Filter_c ?>" check><?= $conxuats['capacity_name']; ?></option>
                    <?php endforeach; ?>
                </select>
                <select class="filter-type" onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
                    <option value="" check>Công nghệ</option>
                    <?php foreach ($tinhnang AS $tinhnangs): ?>
                    <?php
                    $t = $tinhnangs['tech_id'];
                    $url_Filter_t =  preg_replace('~t=[0-9]+~', "t=$t", $url_Filter);
                    ?>
                    <option value="/<?php echo $url_Filter_t ?>" check><?= $tinhnangs['tech_name']; ?></option>
                    <?php endforeach; ?>
                </select>
                <select class="filter-type"onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);">
                    <option value="" check>Giá </option>
                    <?php
                    $t0 = 0;
                    $url_Filter_pr0 =  preg_replace('~pr=[0-9]+~', "pr=$t0", $url_Filter);
                    ?>
                    <li class="checked"><a href="/<?php echo $url_Filter_pr0; ?>">Giá thấp đến cao</a></li>
                    <?php
                    $t = 1;
                    $url_Filter_pr =  preg_replace('~pr=[0-9]+~', "pr=$t", $url_Filter);
                    ?>
                    <li>
                        <a href="/<?php echo $url_Filter_pr ?>">Giá cao đến thấp</a>
                    </li>
                </select>
            </div><!--End #filter-inner-->

            <div style="clear: both"></div>
        </div><!--End #filter-->

        <div id="main">
            <aside>
                <nav class="aside-mod">
                    <div class="task">
                        <h3 class="title"><a href="#">Máy lọc nước Nano</a></h3>
                    </div>
                    <div class="content">
                        <ul class="aside-menu">
                            <?php $i = 1; foreach ($cate0 AS $giadinh): ?>
                                <?php if($i%2 != 0) {
                                    echo " <li>";
                                }else {
                                    echo " <li class='light'>";
                                }?>
                                <a href="<?php echo base_url(). mb_strtolower(url_title(removesign( $giadinh['cate_name'])));?>"><?php echo $giadinh['cate_name'];?></a></li>
                            <?php $i++; endforeach;?>
                        </ul>
                    </div>
                </nav><!--End .aside-mod-->

                <nav class="aside-mod">
                    <div class="task">
                        <h3 class="title"><a href="#">Máy lọc nước geyser</a></h3>
                    </div>
                    <div class="content">
                        <ul class="aside-menu">
                            <?php $i = 1; foreach ($cate1 AS $giadinh):?>
                                <?php if($i%2 != 0) {
                                    echo " <li>";
                                }else {
                                    echo " <li class='light'>";
                                }?>
                                <a href="<?php echo base_url(). mb_strtolower(url_title(removesign( $giadinh['cate_name']))).'-c-'.$giadinh['cate_id'];?>"><?php echo $giadinh['cate_name'];?></a></li>
                            <?php $i++; endforeach;?>
                        </ul>
                    </div>
                </nav><!--End .aside-mod-->

                <div class="aside-mod">
                    <div class="task">
                        <h3 class="title"><a href="#">Tin tức mới nhất</a></h3>
                    </div>
                    <div class="content content-list-news">
                        <?php foreach ($tintuc as $tintucs): ?>
                        <div class="news-item">
                            <div class="thumb"><a href="<?php echo base_url(). mb_strtolower(url_title(removesign( $tintucs['content_name']))).'-tt-'.$tintucs['content_id'].'.html';?>"><img src="<?= $tintucs['img'] ?>" alt="<?php echo  word_limiter($tintucs['content_name'], 20); ?>" title="<?php echo  word_limiter($tintucs['content_name'], 20); ?>"></a></div>
                            <h3 class="title"><a href="<?php echo base_url(). mb_strtolower(url_title(removesign( $tintucs['content_name']))).'-tt-'.$tintucs['content_id'].'.html';?>"><?php echo  word_limiter($tintucs['content_name'], 20); ?></a></h3>
                        </div><!--End .news-item-->
                        <?php endforeach ?>
                        <div style="clear: both"></div>
                    </div>
                </div><!--End .aside-mod-->

                <div style="clear: both"></div>
            </aside><!--End aside-->

            <!-- Main -->
            <?= $main_container ; ?>

            <div style="clear: both"></div>

            <footer>
                <div id="footer-inner">
                    <div class="footer-mod company-info">
                        <div class="task"><h4>Thông tin liên hệ</h4></div>
                        <div class="content">
                            <span>
                                <b>CÔNG TY CỔ PHẦN SMART VIỆT</b>
                                <br>
                                Mã số doanh nghiệp: 0105486972
                                <br>
                                Sở kế hoạch & đầu tư Hà Nội cấp 07/09/2011
                                <br>
                                Địa chỉ: 75 Trung Kính, Cầu Giấy, Hà Nội
                                <br>
                                ĐT: (04) 6266 1976 - (04) 6269 1411
                            </span>
                        </div>
                    </div><!--End .footer-mod-->

                    <div class="footer-mod info">
                        <div class="task"><h4>Thông tin</h4></div>
                        <div class="content">
                            <ul>
                                <?php foreach ($cfooter AS $footer): ?>
                                <li><a href="<?php echo base_url(). mb_strtolower(url_title(removesign( $footer['title']))).'-ft-'.$footer['id'];?>"><?=  $footer['title']?></a></li>
                                <?php endforeach;?>
                            </ul>
                        </div>
                    </div><!--End .footer-mod-->

                    <div class="footer-mod social">
                        <div class="task"><h4>Theo chúng tôi trên</h4></div>
                        <div class="content">
                            <ul>
                                <li><a href="#"><img src="css/images/icon-facebook.png"> Facebook</a></li>
                                <li><a href="#"><img src="css/images/icon-twiter.jpg"> Twiter</a></li>
                                <li><a href="#"><img src="css/images/icon-googlee.jpg"> Google+</a></li>
                                <li><a href="#">Vua bán lẻ</a></li>
                            </ul>
                        </div>
                    </div><!--End .footer-mod-->

                    <div class="footer-mod facebook">
                        <div class="task"><h4>Facebook</h4></div>
                        <div class="content">
                            <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FVuabanle.vn&amp;width=340&amp;height=210&amp;colorscheme=light&amp;show_faces=true&amp;header=true&amp;stream=false&amp;show_border=true&amp;appId=1378247825813805" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:340px; height:210px;" allowTransparency="true"></iframe>
                        </div>
                    </div><!--End .footer-mod-->

                    <div style="clear: both"></div>
                </div><!--End #footer-inner-->
            </footer><!--End footer-->

            <div id="copyright">
                Copyright © 2015 Công ty cổ phần Smart Việt | All rights reserved
            </div><!--End Copyright-->
        </div>
    </div><!--End #container-inner-->

</section><!--End #container-->

</body>
</html>
